<template>
  <div class="bg">
    <ScaleBox :width="1920"
    :height="1080"
    class="scale-wrap">
      <div class="host-body">
        <!-- 头部 s -->
        <div class="d-flex jc-center title_wrap">
          <div class="zuojuxing"></div>
          <div class="youjuxing"></div>
          <div class="guang"></div>
          <div class="d-flex jc-center">
            <div class="title">
              <span class="title-text">欢迎使用动力源运维平台</span>
            </div>
          </div>
        </div>
        <!-- 内容  s-->
        <dataView></dataView>
      </div>
    </ScaleBox>
  </div>
</template>

<script>
import dataView from "./indexs/index";
import ScaleBox from "./components/SacleBox.vue";
export default {
  components: {
    dataView,
    ScaleBox,
  },
  data() {
    return {
      width:1710,
      height:window.innerHeight - 42,
    };
  },
  computed: {
    sidebar() {
      return this.$store.state.app.sidebar;
    },
  },
  watch:{
    sidebar: {
      handler(options) {
        this.width=options.opened? (window.innerWidth - 160):(window.innerWidth-54);
      },
      deep: true,
      immediate: true,
    },
  },

  created() {},

  methods: {},
};
</script>

<style lang="scss" scoped>
@import "./home.scss";

</style>
